<!DOCTYPE html>
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
		<meta name="viewport"
			content="width=device-width,height=device-height,inital-scale=1.0,maximum-scale=1.0,user-scalable=no;" />
		<meta name="apple-mobile-web-app-capable" content="yes" />
		<meta name="apple-mobile-web-app-status-bar-style" content="black" />
		<meta name="format-detection" content="telephone=no" />
		<base target="_blank"/>
		<title>酒店图片</title>

		<link rel="stylesheet" href="{cms>:$cssPath}/spg.css">
		
		<style type="text/css">
			#assurance div{
				background-color: white;
				position: relative
			}
			.icon-info {
			    font-family: 'starwood';
			    speak: none;
			    font-style: normal;
			    font-weight: normal;
			    font-variant: normal;
			    text-transform: none;
			    line-height: 1;
			    -webkit-font-smoothing: antialiased;
			}
			span.brg-check {
				position: absolute;
				top: -19px;
				left: 2px;
			}
			body{
				background-color: #271a40;
				margin: 0;
			}
			.content{
				background-color: rgb(238,239,242);
				text-align: center;
				font: normal 16px arial;
			}
			#assurance div{
				font: bold 16px arial;
				color: #664f8c;
			}
			#assurance img{
				position: relative;
			}
			a{		
				text-decoration: none;
				font: bold 16px arial;
				color: #664f8c;
			}
			#footer_span{
				bottom: 60px;
			}
			.opatext{
				position: relative;
				top: -45px;
				padding: 6px;
				border-radius: 0 0 5px 5px;
				color: white;
				font: normal 20px arial;
				background-color: rgb(103,81,140);
				opacity: 0.88;
			}
			table img{
				width:100%;
			}
			.group{
				background-color:white;
				margin-left:10px; 
				margin-right:10px;
			}
			.gray{
				background-color: rgb(221,221,221);
			}
			.up{
				position: relative;
				top: -30px;
			}
			.title{
				margin: 0 10px;
				padding: 5px;
				text-align: center;
			}
			.galaxy{
				padding: 10px;
			}
			.galaxy p{
				top: 10px;
				position: relative;
				font-size: 13.5px;
				left: 10px;
			}
			table tr,table td{
				line-height:0px;
			}
			.imgbig img {
				position: fixed;
				top:  30%;
				width: 100%;
				display:none;
			}
			.dark{
				background-color: black;
				opacity: 0.28;
			}
		</style>
	</head>
	
	<body>
		<div class="content" style="margin: 0px;margin-bottom:20px;line-height: 30px;text-align: left;">	
			<div class="group">
					<div style="padding:8px;">
						<div><img style="width: 100%;border-radius: 5px;" src="{cms>:$mainImg}" /></div>
						<div class="opatext">{cms>:$name}</div>
					</div>
			</div>
			<div class="gray title up">Hotel 图片</div>
			<div class="group galaxy up" style="">
					<div class="gray up" style="top:-20px;">
						<p>单击放大</p>
						<table>
							<tr>
								<td><img style="" src="{cms>:$img1}" /></td>
								<td><img style="" src="{cms>:$img2}" /></td>
								<td><img style="" src="{cms>:$img3}" /></td>
							</tr>
							<tr>
								<td><img style="" src="{cms>:$img4}" /></td>
								<td><img style="" src="{cms>:$img5}" /></td>
								<td><img style="" src="{cms>:$img6}" /></td>
							</tr>
							<tr>
								<td><img style="" src="{cms>:$img7}" /></td>
								<td><img style="" src="{cms>:$img8}" /></td>
								<td><img style="" src="{cms>:$img9}" /></td>
							</tr>
						</table>
					</div>
				</div>
		</div>
		<div class="imgbig">
			<img style="" src="{cms>:$imagePath}/roomdetail1.jpg" />
		</div>
		
 	<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
 		
	<script type="text/javascript">
		  $(document).ready(function(){		  
		     $("table img").click(function(){
		    	 //alert('1');
		    	 var src=$(this).attr('src');
		    	 var big=$(".imgbig img");
		    	 big.attr('src', src);
		    	 big.css('display', 'block');
		    	 $(".content").addClass('dark');
			 });

		     $(".imgbig img").click(function(){
		    	 $(this).css('display', 'none');
		    	 $(".content").removeClass('dark');
		     });
		  })
		</script>
		
<include file="footer2"/>